<template>
    <div class = "body">
      <div class = "form">
        <form action="">
          <div class = "input">
            <label for="username">用户名：</label>
            <input type="text" id = "username" placeholder="用户名"><br>
          </div>
          <div class = "input">
            <label for="password">密　码：</label>
            <input type="text" id = "password" placeholder="密码"><br>
          </div>
          <button>登录</button>
          <button>注册</button>
        </form>
      </div>
    </div>
</template>

<script>
export default {
  name: 'Land'
}
</script>

<style lang="stylus" scoped>
  .body
    position relative
    background-color #FF9
    .form
      width 300px
      height 200px
      border 1px solid #000
      border-radius 10px
      position absolute
      top 240px
      left 550px
      font-size 16px

      .input
        margin 35px 35px
        border-radius 10px
        input
          border 1px solid black
      button
        width 50px
        height 30px
        line-height 25px
        text-align center
        margin -10px 45px
        border-radius 10px
        // backgroud-color red !important
</style>
